@charset "utf-8";
img{ max-width: 100%;}
.subMenu{display: none;position: absolute; color:#fff; top: 100%;left: 0;width: 100%; overflow: hidden; background: rgba(218, 37, 28, .8); border-bottom: solid 2px var(--color-main); padding: 5em 3em;}
.subMenu ul{display: flex;flex-wrap: wrap;flex-direction: row;justify-content: left;align-items: center;}
.subMenu a{ color: #fff; background: none !important;}
.subMenu a h3{-moz-transition: all .8s ease 0s;
-ms-transition: all .8s ease 0s;
-o-transition: all .8s ease 0s;
transition: all .8s ease 0s;}
.subMenu a:hover h3{ font-size: 1.2em !important;}
.subMenu a img{-moz-transition: all .8s ease 0s;
-ms-transition: all .8s ease 0s;
-o-transition: all .8s ease 0s;
transition: all .8s ease 0s;}
.subMenu a:hover img{transform: scale(1.35);-moz-transition: all .8s ease 0s;
-ms-transition: all .8s ease 0s;
-o-transition: all .8s ease 0s;
transition: all .8s ease 0s;}
.subMenu ul li a{display:block;padding:0 18px; margin-right:1rem; line-height: 50px; white-space:nowrap;overflow:hidden; text-overflow: ellipsis; background: none !important; color: #fff;}
.subMenu ul li a::after{ content: ""; position:relative; display:block; width: 1px; height: 3px; background: rgba(255, 255, 255, .8);
-moz-transition: all .8s ease 0s;
-ms-transition: all .8s ease 0s;
-o-transition: all .8s ease 0s;
transition: all .8s ease 0s;
opacity: 0;}
.subMenu ul li a:hover::after{ width: 100%;opacity: 1;}
.subMenu ul li a:hover{ }
.subMenu .w3{ width: 23%;}
.subMenu .w3:first-child{float: left; width: 31%;}
.subMenu .w3 .w4::after{content: ""; position: absolute; margin-left: 5em; top:20%;  width: 1; height: 15em; border-right:dotted 1px rgba(255, 255, 255, .6);}
.kaifa .media{text-align: center; width: 30%;
background-color: #fff;
transition: .56s;
-o-transition: .56s;
-ms-transition: .56s;
-moz-transition: .56s;
-webkit-transition: .56s;
box-shadow: 1px 5px 5px #d1d3d5;}
.kaifa .media:hover {
    transform: scale(1.04) translateY(-5px);
    -o-transform: scale(1.04) translateY(-5px);
    -ms-transform: scale(1.04) translateY(-5px);
    -moz-transform: scale(1.04) translateY(-5px);
    -webkit-transform: scale(1.04) translateY(-5px);
    box-shadow: 10px 11px 10px #d1d3d5;
}
.kaifa .media:hover i{animation: rotate-effect .5s linear;}
.kaifa .media i {
    font-size: 4rem;
    color: var(--color-main);
}
.kaifa1 .media{text-align: center; width: 90%; margin: 2em auto 0 auto;
background-color: #fff;
transition: .56s;
-o-transition: .56s;
-ms-transition: .56s;
-moz-transition: .56s;
-webkit-transition: .56s;}
.kaifa1 .media:hover {
    transform: scale(1.04) translateY(-5px);
    -o-transform: scale(1.04) translateY(-5px);
    -ms-transform: scale(1.04) translateY(-5px);
    -moz-transform: scale(1.04) translateY(-5px);
    -webkit-transform: scale(1.04) translateY(-5px);
}
.kaifa1 .media:hover i{animation: rotate-effect .5s linear;}
.kaifa1 .media i {
    font-size: 5rem;
    color: var(--color-main);
}
.gaoduan_r{ padding: 4em 4em 0 4em;}
.gaoduan_r .zixun{ opacity: 0; white-space: nowrap; margin-left: -2em;}
.gaoduan:hover .gaoduan_r .zixun{ opacity: 1; margin-left: 3em;}
.gaoduan::after{content: ""; position: relative; margin-left: 0;  width: 1px; height: 2px; background:var(--color-main);-moz-transition: all .8s ease 0s;
-ms-transition: all .8s ease 0s;
-o-transition: all .8s ease 0s;
transition: all .8s ease 0s;}
.gaoduan:hover::after{ width: 100%;}
.shoujiwangzhan{ background: url(../images/shoujibg.jpg) no-repeat center top;}
.shoujih5{ display: block;
padding: 0 18px;
    padding-top: 0px; text-align: center;
line-height: 50px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
background: none !important;
color: #fff;}
.shoujih5 .tubiao{width: 15.18rem;
    height: 15.18rem;
    border: 1px solid #a2a2a2;
    display: block;
    border-radius: 50%;
    position: relative;
    margin: 0 auto;
    -webkit-transition: 0.5s;
    transition: 0.5s;}
.shoujih5:hover .tubiao {
  border: 1px solid rgba(218, 37, 28, 1);
  -webkit-transform: rotate(360deg);
  transform: rotate(360deg);
}
.shoujih5 .tubiao i{ font-size: 6em;display: block;
  margin: 33%;}
.shoujih5:hover .tubiao i{-webkit-transform: rotate(-360deg);
  transform: rotate(-360deg);}
.app{ text-align: center;}
.app .maintext{ background: var(--color-light);-moz-transition: all .8s ease 0s;
-ms-transition: all .8s ease 0s;
-o-transition: all .8s ease 0s;
transition: all .8s ease 0s;}
.app:hover .maintext{ background: var(--color-main); color: #fff;}
.media-body {
    width: auto;
}
.navq{ padding-right: 8.3%;}
.navbar-logowai{ z-index: 100000; padding: 2em 0 1em 8.3%;}
.nav.nav-tabs > li > a{ line-height: 1.6em !important;}
.toptel{ width: 189px; height: 46px;}
.sb-search {
	position: relative;
	margin-top: -5px;
	width: 0%;
	min-width: 60px;
	height: 60px;
	float: right;
	overflow: hidden;
	-webkit-transition: width 0.3s;
	-moz-transition: width 0.3s;
	transition: width 0.3s;
	-webkit-backface-visibility: hidden;
}

.sb-search-input {
	position: absolute;
	top: 0;
	right: 0;
	border: none;
	outline: none;
	background: #efefef;
	width: 200px;
	height: 60px;
	margin: 0;
	z-index: 10;
	padding: 20px 65px 20px 20px;
	font-family: inherit;
	font-size: 16px;
	color: #ddd;
}

.sb-search-input::-webkit-input-placeholder {
	color: #999;
}

.sb-search-input:-moz-placeholder {
	color: #999;
}

.sb-search-input::-moz-placeholder {
	color: #999;
}

.sb-search-input:-ms-input-placeholder {
	color: #999;
}

.sb-icon-search,
.sb-search-submit  {
	width: 60px;
	height: 60px;
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	padding: 0;
	margin: 0;
	line-height: 60px;
	text-align: center;
	cursor: pointer;
}

.sb-search-submit {
	background: #fff; /* IE needs this */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE 8 */
    filter: alpha(opacity=0); /* IE 5-7 */
    opacity: 0;
	color: transparent;
	border: none;
	outline: none;
	z-index: -1;
}

.sb-icon-search {
	color: #0099d9;
	background: #fff;
	z-index: 90;
	font-size: 22px;
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	-webkit-font-smoothing: antialiased;
}

.sb-icon-search:before {
	content: "";
}

/* Open state */
.sb-search.sb-search-open,
.no-js .sb-search {
	width: 260px;
}

.sb-search.sb-search-open .sb-icon-search,
.no-js .sb-search .sb-icon-search {
	background: #0099d9;
	color: #fff;
	z-index: 11;
}

.sb-search.sb-search-open .sb-search-submit,
.no-js .sb-search .sb-search-submit {
	z-index: 90;
}
.demo-nav.fixed.fixed-top {
    z-index: 8;
    background: #fff;
    width: 100%;
    padding: 0;
    border-bottom: solid 3px #0a8;
    -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, .175);
    box-shadow: 0 3px 6px rgba(0, 0, 0, .175);
}
.quan{ background: #a5a5a5;border-radius:50%;color:#fff;text-align:center;width:20px; height:20px; margin-left: 10px; line-height:20px; display: inline-block;}
.quan i{color: #fff;}
.quan:hover{ background: #ff9000;}
.service .service-item > .service-body a{color: #fff;}
.service .service-item > .service-body a:hover{color: var(--color-main);}
#weixin2 {
	position: absolute;
    display: none;
    margin-top: 8px; margin-left: -40px; z-index: 999; width: 80px; height: 80px;
}
#weixin4 {
    position: absolute;
    display: none;
    margin-left: 45px;
    margin-top: -40px;
}
.maxwidth{ width:100%; max-width: 1920px; margin: auto;}
.indexpro{padding: 70px 0; border-top:solid 1px #cdcdcd; border-bottom:solid 1px #cdcdcd;}
.indexpro div {
    text-align: center;
    border-right: solid 1px #ddd;-moz-transition: all .8s ease 0s;-ms-transition: all .8s ease 0s;-o-transition: all .8s ease 0s;transition: all .8s ease 0s;
}
.indexpro h2 {
    font-size: 24px; line-height: 2; margin-bottom: 0;
    -moz-transition: all .8s ease 0s;
    -ms-transition: all .8s ease 0s;
    -o-transition: all .8s ease 0s;
    transition: all .8s ease 0s;
}
.indexpro p{margin: 50px auto 20px auto;}
.indexpro img{-moz-transition: all 1.8s ease 0s;-ms-transition: all 1.8s ease 0s;-o-transition: all 1.8s ease 0s;transition: all 1.8s ease 0s;}
.indexpro span{ display: block;  margin: auto; -moz-transition: all .8s ease 0s;-ms-transition: all .8s ease 0s;-o-transition: all .8s ease 0s;transition: all .8s ease 0s;}
.indexpro .button{ margin-bottom: 50px;}
.indexpro div:hover{ background: #212121;}
.indexpro div:hover h2{ font-weight: bold;}
.indexpro div:hover img{transform: scale(1.2);-moz-transform: scale(1.2);-webkit-transform: scale(1.2);}
.indexpro div:hover p{}
.indexpro div:hover span{ width: 70%;}

.indexpro1 div {
    text-align: center;
    border-right: solid 1px #ddd; padding-bottom: 20px;
}
.indexpro1 h2 {
    font-size: 16px; line-height: 2; height: 3rem;
    -moz-transition: all .8s ease 0s;
    -ms-transition: all .8s ease 0s;
    -o-transition: all .8s ease 0s;
    transition: all .8s ease 0s;
}
.indexpro1 p{margin: 35px auto 15px auto; height: 58px;}
.indexpro1 img{-moz-transition: all .8s ease 0s;-ms-transition: all .8s ease 0s;-o-transition: all .8s ease 0s;transition: all .8s ease 0s;}
.indexpro1 span{ display: block; background: #d4d4d4; width: 35px; height: 6px; margin: auto; border-radius: 6px;-moz-transition: all .8s ease 0s;-ms-transition: all .8s ease 0s;-o-transition: all .8s ease 0s;transition: all .8s ease 0s;}
.indexpro1 div:hover h2{ font-size: 20px; font-weight: bold;}
.indexpro1 div:hover img{transform: scale(1.1);-moz-transform: scale(1.1);-webkit-transform: scale(1.1);}
.indexpro1 div:hover p{ margin-bottom: 15px;}
.indexpro1 div:hover span{ width: 70%;}

.henggang{display: block; background: var(--color-main); width: 36px; height: 4px; margin: 10px 0;}
.daxie{text-transform:Uppercase; color: #e3e3e3; font-size: 4.5rem !important; font-weight: 100;  line-height: 1; margin-bottom: .1rem !important;}
.daxie span{bottom: 6px;position: relative;}
.text-align-center{ text-align: center;}


.indexyewu{ width: 20%; float: left; color: #fff; display: table; position: relative; overflow: hidden;}
.indexyewu img{ z-index: -2;}
.indexyewu p{ background: #003874;filter: alpha(opacity=80);-moz-opacity: 0.8;opacity: 0.8; height: 25%;position: absolute; bottom: -16px; z-index: 1;width: 100%;}
.indexyewu h1{ font-size: 22px;position: absolute; bottom: 45px; text-align: center;width: 100%;z-index: 2;}
.indexyewu h2{ font-size: 13px;position: absolute; bottom: 20px; text-align: center;width: 100%;z-index: 2;}
.indexyewu:hover img{transform: scale(1.1);-moz-transform: scale(1.1);-webkit-transform: scale(1.1); -moz-transition: all 1.8s ease 0s;-ms-transition: all 1.8s ease 0s;-o-transition: all 1.8s ease 0s;transition: all 1.8s ease 0s;}
.indexyewu:hover p{ height: 100%;-moz-transition: all .8s ease 0s;-ms-transition: all .8s ease 0s;-o-transition: all .8s ease 0s;transition: all .8s ease 0s;}
.indexyewu:hover h1{ bottom: 60%;-moz-transition: all .5s ease .5s;-ms-transition: all .5s ease .5s;-o-transition: all .5s ease .5s;transition: all .5s ease .5s;}
.indexyewu:hover h2{ bottom: 45%;-moz-transition: all .7s ease .5s;-ms-transition: all .7s ease .5s;-o-transition: all .7s ease .5s;transition: all .7s ease .5s;}
.indexmessage1 dd{ width: 50%;}
.indexmessage dd{float: left; padding: 12px 5px 0;}
.idpro::after{ content: '';  width: 0; background: var(--color-main); height: 2px;display: block;-moz-transition: all .8s ease 0s;
-ms-transition: all .8s ease 0s;
-o-transition: all .8s ease 0s;}
.idpro:hover::after{width: 100%;}
.idpro .img{overflow: hidden; width: 100%;}
.idpro .img img{width: 100%;}
.idpro:hover .img img{transform: scale(1.1);-moz-transform: scale(1.1);-webkit-transform: scale(1.1); -moz-transition: all 1.8s ease 0s;-ms-transition: all 1.8s ease 0s;-o-transition: all 1.8s ease 0s;transition: all 1.8s ease 0s;}
.idpro:hover{background: #efefef;}
.newsnei{ padding-left: 4em;}
.newsnei dl{ border-bottom: solid 1px #ddd;}
.newsnei dl::after{ content: '';  width: 0; background: var(--color-main); height: 1px;display: block;-moz-transition: all .8s ease 0s;
-ms-transition: all .8s ease 0s;
-o-transition: all .8s ease 0s;}
.newsnei dl:hover::after{width: 100%;}
.abindex{background: url(../images/abbg.jpg) no-repeat center top; padding: 4.5em 0 3em 0;}
.ab1{ padding: 0 5em;}
.ab2{ padding: 0 5em 0 5em;}
.zhongtu{ margin:0 auto; float: none;}
.banner1{ margin-top: 18%; position: relative;}
.indexsearchbg2 input:focus{border: none;border-color:none;}
.effect-hover>div>.open-width {
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    background: rgba(0,0,0,.2);
}
.open-width {
    opacity: 0;
    width: 0;
    height: 100%;
    transition: all .35s ease;
}
.open-width1 {
    opacity: 0;
    width: 0;
    height: 100%;
    transition: all .35s ease;
}
.effect-hover > .effect-content > strong {
    font-size: 1.25rem;
    margin-top: 10%;
    transition: all 0.3s ease;
}
.effect-hover > .effect-content > strong.weight-big{
	 color: #fff; position: absolute; top: 18%; left: 10%;
}
.effect-hover > .effect-content > strong {
    color: #fff;
    font-weight: normal;
}
.effect-hover > .effect-content > p {
    display: block;
    font-size: .875rem;
    color: #fff;
    margin-top: -1.75rem;
    transition: all 0.3s ease;
}
.effect-hover > .effect-content {
    opacity: 0;
    transition: all 0.3s ease;
}
.effect-hover > .effect-content {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 1rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.effect-hover:hover>.effect-content{opacity:1;}
  .effect-hover:hover>.effect-content>i.icon-add{margin-bottom:0;}
  .effect-hover:hover>.effect-content>em{height:25%;}
  .effect-hover:hover>.effect-content>strong{transform:translateY(-.875rem);}
  .effect-hover:hover>.effect-content>p{transform:translateY(.875rem);}
  .effect-hover>.effect-content>i.icon-add:hover{transform:rotate(180deg);color:#fff!important;}

.effect-hover:hover strong.weight-big{ color: #fff;}
.aboutus{ background: url(../images/abbg.jpg) no-repeat center top; padding-top: 150px; padding-bottom: 100px; margin-top: 80px;}
ul.num-change{margin-top: 55px;height: 110px;margin-bottom: 60px;color: var(--color-main);}
ul.num-change li{width: 25%;text-align: left; float: left; padding-left: 3%;}
ul.num-change li h3{position: relative;font-size:2.6em;font-weight: normal; margin-bottom: .7rem;}
ul.num-change li h3 span{font-size:2.6em;font-weight: normal; color: var(--color-main);}
ul.num-change li h3:after{content: "";display: block;position: absolute;top: 0;right: 30%;font-size: 30px; color: #f38200;}
ul.num-change li h3.nojia:after{content: none;}
ul.num-change li h3 b{ font-size: .8em; font-weight: normal;}
ul.num-change li h4{position: relative;font-size:50px;font-weight: bold;}
ul.num-change li h4 span{font-size:50px;font-weight: bold;}
ul.num-change li h4:after{content: "";display: block;position: absolute;top: 0;right: 10%;font-size: 30px; color: #f38200;}
ul.num-change li h4.nojia:after{content: none;}
ul.num-change li.nobian::after {
    background: none;
}
ul.num-change li p{font-size: 1.4em;}
.abmenu{ padding: 7em 0;}
.nav-tabs li{ background: #656565; width: 216px; height: 50px; line-height: 50px; text-align: center; font-size: 1.2em; cursor: pointer;float: left;}
.nav-tabs li.active{background:var(--color-main);}
.nav-tabs li a{color: #fff; background: none; border: none;}
.nav-tabs li a:hover{color: #fff; background: none; border: none;}
.nav-tabs li.active > a{color: #fff; background: none; border: none;}
.nav-tabs li.active > a:hover{color: #fff; background: none; border: none;}
.nav-tabs1 {
    width: auto;
}
.newsindex{padding: 2em 0 0 0;}
.liuyan{ height: 410px;}
.guanjianci1{padding: 20px 0 20px 0;}
.guanjianci1 span{ margin: 0 1em; }
.caseli > li > a{ margin: 0 .2rem; font-size: 1.2rem; line-height: 2em;}
.effect-hover:hover .open-height{
    height: 100% !important;
    opacity: 1;
}
.effect-hover:hover .open-width1{
    width:100%; opacity: 1;
}
  .effect-hover>div>.open-width{position:absolute;top:0;left:0;width:0;background:rgba(0,0,0,.6);}
  .effect-hover>div>.open-width1{position:absolute;top:0;left:0;width:0;background:rgba(0,0,0,.5);}
  .effect-hover>div>.open-height{position:absolute;top:0;left:0;right:0;height:100%;background:rgba(219,42,33,1);}
  .effect-hover:nth-child(2n)>div>.open-height{position:absolute;top:0;left:0;right:0;height:100%;background:rgba(28,95,218,1);}
  .open-height1{position:absolute;top:0;left:0;right:0;height:0;background:rgba(0,0,0,.2);}
  .effect-hover>.effect-content{opacity:1;transition:all 0.3s ease;}
  .effect-hover>.effect-content>i.icon-add{display:inline-block;font-size:2rem;margin-bottom:1.5rem;transition:all 0.3s ease;}
  .effect-hover>.effect-content>em{background:rgba(255,255,255,.25);margin-bottom:.5rem;width:1px;height:1rem;transition:all 0.3s ease;}
  .effect-hover>.effect-content>strong{font-size:1.5rem;margin-top:0;transition:all 0.3s ease; opacity: 0; height: 6em;}
  .effect-hover>.effect-content>p{opacity:0;font-size:1rem;color:#fff;margin-top:-8rem;transition:all 0.3s ease;width: 92%; text-align: center;}
  .effect-hover>.effect-content>p .padding{ padding: .5em !important;}
  .effect-hover>.effect-content>p .icon-add{}
  .effect-hover:hover>.effect-content{opacity:1;}
  .effect-hover>.effect-content i.icon-add{ opacity: 0; margin-top: -2rem; font-size: 2.2em !important;}
  .effect-hover:hover>.effect-content i.icon-add{opacity: 1;transform:rotate(360deg); margin-bottom:0;-moz-transition: all .5s ease .3s;-ms-transition: all .5s ease .3s;-o-transition: all .5s ease .3s;transition: all .5s ease .3s;}
  .effect-hover:hover>.effect-content>em{height:25%;}
  .effect-hover:hover>.effect-content>strong{transform:translateY(-1.875rem); margin-top: 0;opacity: 1;}
  .effect-hover>.effect-content>strong.case1{ opacity: 0;}
  .effect-hover:hover>.effect-content>strong.case1{ opacity: 1;}
  .effect-hover:hover>.effect-content>p{opacity:1;transform:translateY(2.875rem);}
  .effect-hover>.effect-content>i.icon-add:hover{transform:rotate(180deg);color:#fff!important;}
  .jt{ background: var(--color-main); color: #fff; width: 3em; height: 3em; line-height: 3em; position: absolute; z-index: 10; left: 0; bottom: 0; text-align: center;}
  .effect-hover:hover .jt{ margin: auto;}
 .caseimg{ padding: 7em 0 8.6em 0;}
.caseimg>a{ padding-right: .6em;}
.caseimg a{overflow: hidden;}
.input250{width:300px; height: 48px;}
.lightbox .lb-image{ max-width: max-content;}
.yewu{ margin: 3em 0;}
.yewu div.w2{ width: 22%; padding: 2.2em 0 2em 0; overflow: hidden; -moz-transition: all .8s ease 0s;-ms-transition: all .8s ease 0s;-o-transition: all .8s ease 0s;transition: all .8s ease 0s;}
.yewu .w2 .yewul{width: 100%; text-align: center;}
.yewu .w2 .yewul h2{ padding-top: .5em;}
.yewu .w2 .yewur{width: 0; display: none;}
.yewu .w2.active .yewul{width: 45%;}
.yewu .w2.active .yewur{width: 55%; display: block; border-left: solid 1px #fff; padding: 0 2em;}
.yewu .w2.active .yewur a{ width: 45%; display: inline-block;line-height:4; white-space: nowrap;}
.yewu .w2.active .yewur a::after{content: '';position: relative;bottom: 0;left:0;width: 0px;height: 1px;background: rgba(255, 255, 255, .8);-moz-transition: all .8s ease 0s;-ms-transition: all .8s ease 0s;-o-transition: all .8s ease 0s;transition: all .8s ease 0s; opacity: 0;display: block;}
.yewu .w2.active .yewur a:hover::after{ width: 100%; opacity: 1;}
.yewu div.active{width: 34%; color: #fff; background: url(../images/yewubg.jpg) no-repeat left top; -moz-transition: all .8s ease 0s;-ms-transition: all .8s ease 0s;-o-transition: all .8s ease 0s;transition: all .8s ease 0s;}
.yewu div.active a{color: #fff;}
.yewu .w2 .menu1{background: url(../images/m1.png) no-repeat center 50%; height: 12em;}
.yewu .w2.active .menu1{background: url(../images/m1-1.png) no-repeat center 50%;}
.yewu .w2 .menu2{background: url(../images/m2.png) no-repeat center 50%; height: 12em;}
.yewu .w2.active .menu2{background: url(../images/m2-1.png) no-repeat center 50%;}
.yewu .w2 .menu3{background: url(../images/m3.png) no-repeat center 50%; height: 12em;}
.yewu .w2.active .menu3{background: url(../images/m3-1.png) no-repeat center 50%;}
.yewu .w2 .menu4{background: url(../images/m4.png) no-repeat center 50%; height: 12em;}
.yewu .w2.active .menu4{background: url(../images/m4-1.png) no-repeat center 50%;}
.bb{ position: absolute; top:50%}
.bb div{padding: 0 2em;}
.bb p{padding-top: .5em;}
.bb a p{ opacity: 0;-moz-transition: all .8s ease 0s;-ms-transition: all .8s ease 0s;-o-transition: all .8s ease 0s;transition: all .8s ease 0s;}
.bb a:hover p{ opacity: 1; transform:translateX(.875rem);}
.bb2{position: absolute; top:25%; left: 30%;}
.bb2 h1{font-size: 2.6em !important;}
.bb2 h1 div{ font-size: .9em; padding-top: .6em;}
.bottom_tou{ padding: 7em 0 2em 0; border-bottom: solid 1px rgba(218, 37, 28, .5); margin-bottom: 5em;}
.bottom_tou .button{ padding: .5em 5em;}
.difuwu {color: #fff;}
.difuwu span{ padding:0 1em;}
.difuwu a{color: #fff;}
.difuwu a:hover{color: var(--color-main);}
.links{ padding: .5rem 0; color: #959595;}
.links a{color: #959595;}
.links a:hover{color: var(--color-main);}
.bannerline{border-top:solid 4px var(--color-main); padding-bottom: 3.8em; margin-top: -8px;}
.proindex{background:url(../images/ysbg.jpg) no-repeat center top ;}
.proindex a::before{content: '';position: absolute;top: 18px;right: 2.75%;z-index: 1;width: 0px;height: 1px;background: rgba(255, 255, 255, .8);-moz-transition: all .8s ease 0s;-ms-transition: all .8s ease 0s;-o-transition: all .8s ease 0s;transition: all .8s ease 0s; opacity: 0;}
.proindex a:hover::before{width: 94.5%; opacity: 1;}
.proindex a::after{content: '';position: absolute;bottom: 18px;right: 2.75%;width: 1px;height: 0;background: rgba(255, 255, 255, .8);-moz-transition: all .8s ease 0s;-ms-transition: all .8s ease 0s;-o-transition: all .8s ease 0s;transition: all .8s ease 0s; opacity: 0;}
.proindex a:hover::after{height: 89.7%; opacity: 1;}
.proindex .effect-content::before{content: '';position: absolute;bottom: 18px;left: 2.75%;width: 0px;height: 1px;background: rgba(255, 255, 255, .8);-moz-transition: all .8s ease 0s;-ms-transition: all .8s ease 0s;-o-transition: all .8s ease 0s;transition: all .8s ease 0s; opacity: 0;}
.proindex .effect-content::after{content: '';position: absolute;top: 18px;left: 2.75%;width: 1px;height: 0;background: rgba(255, 255, 255, .8);-moz-transition: all .8s ease 0s;-ms-transition: all .8s ease 0s;-o-transition: all .8s ease 0s;transition: all .8s ease 0s; opacity: 0;}
.proindex a:hover .effect-content::before{ width: 94.5%; opacity: 1;}
.proindex a:hover .effect-content::after{ height: 89.7%; opacity: 1;}
.aicon{ border: solid 1px #da251c; padding: 2em; border-radius: 50%;}
.nav-tabs-card li a{ padding:0 1em; line-height:3em;}
.nav-tabs-card li .dropdown a{  line-height:2.5em; font-size: 1rem;}
.nav-tabs1 li{ background: #fff; border: solid 1px #a7a7a7; width: 177px; height: 34px; line-height: 34px; margin-right: .5em; text-align: center; font-size: 1.2em; cursor: pointer;}
.nav-tabs1 li.active{background:var(--color-main); border: solid 1px var(--color-main);}
.nav-tabs1 li a{color: #555; background: none; border: none; font-size: 1rem;}
.nav-tabs1 li a:hover{color: #555; background: none; border: none;}
.nav-tabs1 li.active > a:link{color: #fff; background: none; border: none;}
.nav-tabs1 li.active > a:visited{color: #fff; background: none; border: none;}
.nav-tabs1 li.active > a:hover{color: #fff; background: none; border: none;}
.nav-tabs1 li.active > a:active{color: #fff; background: none; border: none;}
#tabContent{width: 88%; margin:8em auto;}
.liuchengwai{padding: 5em 0 8em 0;}
.liucheng{ padding-top: 3.5em;}
.liucheng .box{ width: 12.5%;margin-top: 1rem;-webkit-transition: 0.5s;transition: 0.5s;float: left;overflow: hidden;padding-top: 0.3rem;}
.liucheng .box i {
    width: 8.18rem;
    height: 8.18rem;
    border: 1px solid #a2a2a2;
    display: block;
    border-radius: 50%;
    position: relative;
    margin: 0 auto;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}
.liucheng .box i b {
  background: #fff; border:solid 1px var(--color-main); color: var(--color-main); text-align: center;
  display: block;
  width: 2rem;
  height: 2rem;
  position: absolute;
  top: 0;
  right: 0;
  border-radius: 50%;
}
.liucheng .box:hover i b{ background: #fff;}

.liucheng .box i b span {
  font-style: normal;
  display: block;
}
.liucheng .box i img {
  display: block;
  margin: 33%;
  overflow: hidden;
}
.liucheng .box i img.project2img{
  display: none;
}
.liucheng .box:hover i img.project1img{
  display: none;
}
.liucheng .box:hover i img.project2img {
  display: block;
}
.liucheng .box:hover i {
  border-color: #da251c; background: var(--color-main);
  -webkit-transform: rotate(360deg);
  transform: rotate(360deg);
}
.liucheng .box:hover i img {
  -webkit-transform: rotate(-360deg);
  transform: rotate(-360deg);
}
.liucheng .box h4 {
  font-size: 0.18rem;
  margin-top: 2rem;
  color: #000;
  text-align: center;
  -webkit-transition: -webkit-transform .5s;
  transition: transform .5s;
  /* Animate the transform properties */
  position: relative;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
.liucheng .box:hover h4 {
  -webkit-transform: rotateX(360deg);
  transform: rotateX(360deg);
  color: #da251c;
}

.liucheng .box:hover {
  -webkit-transform: scale(1.1);
  transform: scale(1.02);
}
.liucheng .box p {
  text-align: center;
  padding: 0 10px; line-height: 1.5;
  font-size: .875rem;
  color: #999999;
  margin-top: 1rem;
}

.liucheng1{ padding-top: .5em;}
.liucheng1 .box{ width: 100%;margin-top: 1rem;-webkit-transition: 0.5s;transition: 0.5s;float: left;overflow: hidden;padding-top: 0.3rem;}
.liucheng1 .box i {
    width: 15.18rem;
    height:15.18rem;
    border: 1px solid rgba(255, 255, 255, .5);
    display: block;
    border-radius: 50%;
    position: relative;
    margin: 0 auto;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}
.liucheng1 a.box::after{display: none;}
.liucheng1 .box i img {
  display: block;
  margin: 33%;
  overflow: hidden;
}
.liucheng1 .box i img.project2img{
  display: none;
}
.liucheng1 .box:hover i img.project1img{
  display: none;
}
.liucheng1 .box:hover i img.project2img {
  display: block;
}
.liucheng1 .box:hover i {
  border: 1px solid rgba(255, 255, 255, 1);
  -webkit-transform: rotate(360deg);
  transform: rotate(360deg);
}
.liucheng1 .box:hover i img {
  -webkit-transform: rotate(-360deg);
  transform: rotate(-360deg);
}
.liucheng1 .box h4 {
  font-size: 0.18rem;
  margin-top: 2rem;
  text-align: center;
  -webkit-transition: -webkit-transform .5s;
  transition: transform .5s;
  /* Animate the transform properties */
  position: relative;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
.liucheng1 .box:hover h4 {
  -webkit-transform: rotateX(360deg);
  transform: rotateX(360deg);
}

.liucheng1 .box:hover {
  -webkit-transform: scale(1.1);
  transform: scale(1.02);
}
.liucheng1 .box p {
  text-align: center;
  padding: 0 10px;
  font-size: .875rem;
  color: #999999;
  margin-top: 1rem;
}
.m2csCon1 {
    position: relative;
    padding: 8vh 0px 11vh;
}
.m2csc2Lbg {
    width: 12.5vw;
    background: #fff;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    z-index: 10;
}
.m2csc2Rbg { width: 12.5vw; background: #fff; position: absolute; right: 0; top: 0; bottom: 0; z-index: 10; }
.caset{ padding-right: 8em;}
.xiaoguozhanshi{ overflow-y: scroll; height: 800px; border-radius:1em; padding: 0 !important;}
.xiaoguozhanshi1 img{ border-radius:1em; padding: 0 !important;}
.xiaoguozhanshi2 img{ border-radius:1em; padding: 0 !important;}
input#fuwu4{ width: 1.2em; height:1.2em; margin-left: 1.5em; margin-right:.5em; border: solid 1px #ddd;border-radius: .5em;}
.chaoda{ font-size: 4em !important;}
.indexcontact{ background:#6a6e71 url(../images/liuyanbg.jpg) no-repeat center top; padding: 8.4em 0;}
.dropdown .nav.nav-menu{ border-top: none;}
.dabiaoti span.daxie{font-size: 2.6rem !important;}
.biaogan{font-size: 2.4rem !important;}
.lianxi{ background: rgba(218, 37, 28, .6); padding: 4em 0 3em 4.6em;}
.lianxi h2{ font-size: 2em !important;}
.lianxi .daxie{text-transform:Uppercase; font-size: 1rem !important;}
.liuyan{ background: rgba(255, 255, 255, .21);-moz-transition: all .8s ease 0s;-ms-transition: all .8s ease 0s;-o-transition: all .8s ease 0s;transition: all .8s ease 0s;}
.liuyanwai:hover .liuyan{ background: rgba(0, 156, 255, .21); }
#navButtons{ position:fixed; z-index:9999;left:0;right:0;bottom:0;height:4rem;background:#2a2a2a;}
.navButtons ul{display:-webkit-box;display:-moz-box;display:box;width:100%; margin: 0; padding-left: 0;}
.navButtons li{-webkit-box-flex:1;-moz-box-flex:1;box-flex:1; margin: 0 1px; border:solid 1px #9f9f9f;height:4rem;}
.navButtons li.on{background: var(--color-main);height:4rem; }
.navButtons li a{text-align:center;color:#fff;display:block;font-size:.8rem;line-height:1.5;}
.navButtons li a i{ font-size: 2em; display: block; padding-top: .4em; color: var(--color-main);}
.navButtons li .indexPage{background-image:url("../images/fw03/navbuttons_01.png")}
.navButtons li .telephoneButton{background-image:url("../images/fw03/navbuttons_02.png")}
.navButtons li .sendMail{background-image:url("../images/fw03/navbuttons_03.png")}
.navButtons li .weixin{background-image:url("../images/fw03/navbuttons_06.png")}
.navButtons li .companyMap{background-image:url("../images/fw03/navbuttons_04.png")}
.navButtons li .pageShare{background-image:url("../images/fw03/navbuttons_05.png")}
.pdmenu li a{ line-height: 2.2em !important;}
.pdmenu li.bg-light a{ color: #555 !important; line-height: 1.8em !important;}
.pdmenu li.bg-light a:hover{ color: #fff !important;}
.pdmenu li.bg-light a.bg-dot{ color: #fff !important;}
.proli{ width: 20%;}
.prolist a{ background: var(--color-light) ;}
.prolist a:hover{background: var(--color-main) ; color: #fff;}
.prolist a p{ color: var(--color-gray);}
.prolist a:hover p{color: #fff;}
.prolist1 a{ background: var(--color-light) ;}
.prolist1 a:hover{background: var(--color-dark) ; color: #fff;}
.prolist1 a p{ color: var(--color-gray);}
.prolist1 a:hover p{color: #fff;}
.h2fangan{ font-size: 2.3rem;}
.service img {
    max-width: max-content;
}
.fanganbg{ background: url(../images/fanganbg.jpg) no-repeat center top;}
.navqwai{padding-right: 8.3%;}
.wangkai{ margin-left: -41%;}
.seoye{margin-top: 22%; margin-left: -25%; position: relative;}
.newst{margin-top: 7%; position: relative;animation-delay: 0.5s;}
.lianxit{margin-top: 9.6%; position: relative; margin-left: -18%;}
.message2{width: 82%; margin: auto; padding-top: 1.5em;}
@media(min-width:1600px){
  .effect-hover>.effect-content>i.icon-add{font-size:3rem;}
}
@media(max-width:1600px){
  .input250{width:250px; height: 48px;}
  .bottom_tou .difuwu .button{ padding: .5em 2em;}
  .nav-tabs-card li a{ font-size: 1rem !important; line-height: 2; padding: 0 .5em;}
  h4{ font-size: 1rem !important;}
  .nav > li > a {
      padding: 0.5em 1.2em;}
  .subMenu .w3 h3{ font-size: 1.2em !important;}
  .subMenu .w3{ width: 20%;}
  .subMenu .w3:first-child{float: left; width: 40%;}
  .subMenu .w3 .w4{ width: 28%;}
  .subMenu .w3 .w8{ width:72%;}
  #tabContent {
      width: 100%;
      margin: 8em auto;
  }
  .inews_list li a p{ height: 40px; overflow: hidden;}
  .chaoda {
      font-size: 3.5em !important;
  }
}
@media(max-width:1500px){
  .nav > li > a {
      padding: 0.5em 1.2em;}
  .subMenu .w3 h3{ font-size: 1.2em !important;}
  .toptel{ display: none;}
  .subMenu .w3{ width: 20%;}
  .subMenu .w3:first-child{float: left; width: 40%;}
  .subMenu .w3 .w4{ width: 28%;}
  .subMenu .w3 .w8{ width:72%;}
  #tabContent {
      width: 100%;
      margin: 8em auto;
  }
  .inews_list li a p{ height: 40px; overflow: hidden;}
  .chaoda {
      font-size: 3.5em !important;
  }
  ul.num-change li p {
      font-size: 1.1em;
  }
  ul.num-change li h3 span {
      font-size: 2.1em;
  }
}
@media(max-width:1280px){
  .nav > li > a {
      padding: 0.5em .8em;}
  .productnav{display: none;}
  .bottom_tou .difuwu .button{ padding: .5em 1em;}
  .nav-tabs-card li a{ font-size: .8rem !important; line-height: 2;}
  h4{ font-size: 1rem !important;}
  .subMenu .w3 .w4{ width: 100%;}
  .subMenu .w3 .w8{ width:100%;}
  .yewu div.w2 {
      width: 18%;}
  .yewu div.active {
	  width: 46%;}
  ul.num-change li.grid{ display: block;}
  .aicon{ width: 50%;}
  .liucheng .box {
      width: 25%;}
	  .inews_list li a p{ display: none;}
	.newsindex .size-small span{ display: none;}
	.lianxi {padding: 4em 0 3em 2.6em;
	}
	.chaoda {
	    font-size: 2.5em !important;
	}
	.difuwu { font-size:1em !important ;
	}
	.links {font-size:.8em !important ;
	}
	.navbar-logowai {
	    padding: 2em 0 1em 2%;
	}
	.navqwai{padding-right:2%;}
	.liucheng1 .box i {
	    width: 12rem;
	    height: 12rem;}
		.subMenu{padding: 1.5em 3em;}
		.effect-hover > .effect-content > strong{ height: 5em;}
		.effect-hover > .effect-content > strong img{ max-width: 60%;}
}
@media(max-width:1024px){
  .input250{width:180px; height: 48px;}
  .nav-tabs-card li a{ font-size: .8rem !important; line-height: 2;}
  h4{ font-size: 1rem !important;}
  .subMenu .w3 .w4{ width: 100%;}
  .subMenu .w3 .w8{ width:100%;}
}
@media(max-width:768px){
	.fold-item .fold-head span.zhong{display: none;}
	.fold-item .fold-head span.ying{display: block;}
	.fold-item.active .fold-head span.ying{display: none;}
	.fold-item.active .fold-head span.zhong{display: block;}
	.shurukuang{ height: 58px !important;font-size: .8em;}
	.navbar{ border: none; height: 65px;}
	.navm{ position: absolute; top: -65px; bottom: 0; z-index: 1000; width: 100%; height: 1px; background: rgba(214, 43, 35, .8);-moz-transition: all .8s ease 0s;-ms-transition: all .8s ease 0s;-o-transition: all .8s ease 0s;transition: all .8s ease 0s;}
	.navmheight{ height: 5000px;-moz-transition: all .8s ease 0s;-ms-transition: all .8s ease 0s;-o-transition: all .8s ease 0s;transition: all .8s ease 0s;}
	.navbar-body .fold{ z-index: 100100; position: relative; left:20%; width: 80%;}
	.navbar-body{background: none;}
	.navbar{justify-content: right;}
	.navbar-logowai{padding: 1em 0 1em 3%;}
	.navbar-logowai img{max-width: 70%;}
	.nav.nav-switch{position: absolute; z-index: 100001; right: 3%; top: 1em;}
	.banner1 {margin-top: 43%; max-width: 70%;}
	h1.size-small .text-gray span{ display: none;}
	.daxie{ font-size: 3em !important;}
	.nav.nav-tabs > li > a{ font-size: 1rem;}
	.yewu{ flex-wrap: wrap;}
	.yewu .w6 p{ padding-bottom: 2em;text-transform:uppercase; font-size: .8em;}
	.yewu .w2{ width: 50% !important;}
	.yewu .w2.active{width: 50% !important;}
	.aicon{ width: 20%; padding: 0; border: none;float: left;}
	.aicon img{ width: 80%;}
	.num-change li{ border: solid 1px #ddd; border-radius: 1em; padding: 1em 0;}
	.num-change li .padding-left{ float: left; padding-left: 0 !important;}
  .input250{width:400px; height: 48px;}
  .newsbox2{ float:right; padding-left: 0;}
  .bb2{position: absolute; top:10%; left: 10%;}
  .bb2 h1{font-size: 2em !important;}
  .effect-hover span{ position: absolute;opacity: 1; bottom: 40px; margin-left: 30px; font-weight: bold; font-size: 1.4em;}
  .newsindex{padding: 160px 0 30px 0;}
  .content div.c h1{ font-size: 1em !important; font-weight: normal; }
  .content div.c .jianjie{display: none;}
  .kaifa .media{ width: 40%;}
  .kaifa .media.media12{ width: 90%; padding: 0 1em;}
  .newst{ margin-top: 20%;}
  .gaoduan_r {
      padding: 2em 2em 2em 2em;
  }
  .caset {
      padding-right: 0; text-align: left !important;
  }
  .banner1.yunwei{margin-top: 36 !important;}
  .lianxit{margin-top: 25%; position: relative; margin-left: 0;}
  .seoye{margin-top: 45%; margin-left: 0; width: 60%;}
  .wangkai{ margin-left: 0;}
  .protitle.align-right{text-align: left !important;}
  .flex .align-left.text-main{ width: 100%;}
  .gaoduan .text-gray.scale{ font-size: .8em;}
  .gaoduan .zixun{ display: none;}
  .tuijianyewu{display: none;}
  .effect-hover span {position: relative; display: none;}
  .shoujih5{ width: 50%;}
  .shoujih5 .tubiao {
      width: 7.88rem;
      height: 7.88rem;}
  .shoujih5 .tubiao i {font-size: 3em;}
  h2{font-size:1.1rem !important;}
  .h2{font-size:1rem !important;}
  h3{ font-size: 1.2rem !important;}
  h2 .size-large{font-size: var(--size-big) !important;}
  .nav.nav-big > li > a{font-size: .8em !important; padding:.5em .3em !important;}
  .nav > li.drop > a::after{margin-left: 0; border:none;}
  .jiancexiangmu td{word-wrap: break-word; word-break: normal;}
  .margin-top-large{margin-top: var(--box-big) !important;}
  .c h2{ font-size: 1rem !important; line-height: 1.5 !important;}
  .daodu{font-size: .8rem;}
  .newsli{ padding-left: 0 !important;}
  .newsnei {
      padding-left: 0;
  }
  .content .t{font-size: .8rem;}
  .nav-tabs-card li a{padding:0 .2em; line-height:2; font-size: .8rem !important;}
  h1.dabiaoti{ font-size: 1.2rem !important; line-height: 30px;}
  
  .dabiaoti span.daxie {
      font-size: 1.2rem !important;
  }
  .padding-left-large{ padding-left: 1rem !important;}
  .padding-right-large{ padding-right: 1rem !important;}
  .margin-bottom-large{ margin-bottom: 1rem !important;}
  .margin-top-large{ margin-top: 1rem !important;}
  .padding-top-large{ padding-top: 1rem !important;}
  .h3{ font-size: 1.1rem !important;}
  h1{ font-size: 1.5rem !important;}
  h2{ font-size: 1.5rem !important;}
  h4{ font-size: 1rem !important;}
  .h1{ font-size:1.2rem !important ; margin-top:0 !important ;}
  #tabContent {
      width: 100%;
      margin: 3em auto;
  }
  ul.num-change {
      margin-top: 0px; height: 180px; margin-bottom: 0; padding-left: 4%; padding-right:4%;}
  ul.num-change li{ width: 46%; margin-left:2%; margin-right:2%; margin-bottom: 1em;}
  ul.num-change li h3{ margin-bottom: .2rem;}
  ul.num-change li h3 span {
      font-size: 28px; font-weight: bold;
  }
  ul.num-change li p {
      font-size: 12px;
  }
  ul.num-change li::after {
      content: "";
      width: 0;
  }
  .liuchengwai {padding: 3em 0;}
  .liucheng {
      padding-top: 1.5em;
  }
  .liucheng .box.box1{ width: 100% !important;}
  .liucheng .box.box1 p {
      display: block;
  }
  .liucheng .box p{ display: none;}
  .liucheng .box i {
      width: 4.58rem;
      height: 4.58rem;}
	  .liucheng .box i img{ max-width: 1.8em;}
	  .liucheng .box i b{ font-size: .8em; width: 1.5rem; height: 1.5rem;}
  .topnews p{ display: none;}
  .topnews h5{ display: none;}
  .topnews.x4{ width: 100%;}
  .newsbox2.x8{ width: 100%;}
  input#fuwu4{ margin-left: 3em;}
  .inews_list{ padding-left:0 ;}
  .inews_list li{ width: 100%;padding: 0; margin-bottom: 1em;}
  .inews_list li a p {
      display: block; font-size: .8em !important; padding-top: 0 !important;
  }
  .inews_list ._intro a{ padding: .1em 1em 2em 1em !important;}
  .topnews .text{ position: absolute; margin-top: -5em; padding-top:.5em; background: rgba(21, 21, 21, .7); padding-left: 1.5em;}
  .indexcontact{ padding: 3em 0 2em 0;}
  .message2{ width: 90% !important; padding-top: .5em !important;}
  .nav > li > a{ text-align: left !important; padding-left: 1em; font-size: 1.2rem;}
  .nav > li > a.effect-hover {
      height: 2.5em;
  }
  .xuanfuwu{ width: 90% !important; margin: 0 auto !important;}
  #vercode{ height: 38px !important; width: 70px !important; font-size: .8em !important;}
  #vercode.messcode{width: 180px !important;}
  #vercodeimg{ height: 38px !important; width: 70px !important;}
  .dangqian{ text-align: left !important;}
  #subbtn{height: 38px !important; line-height: 20px !important; font-size: .7em !important; padding-top:.2em !important;}
  .huoqufangan{ padding: 0 .5em !important;}
  .lianxi {
      padding: 2em 0 2em 1.6em;
  }
  .chaoda {
      font-size: 2em !important;
  }
  .navq{ z-index: 10018 !important; position: relative; padding-right: 0; padding-left: 20%;}
  .nav > li > ul > li > a{ text-align: left; display: block; width: 100%; color: #fff; padding-left: 1em;}
  .difuwu{ line-height: 1.5;}
  .indexmessage1 dd{ width: 100%;}
  .indexmessage1 dd.padding-right{ padding-right: 5px !important;}
  .bottom_tou {padding: 2em 0 2em 0; margin-bottom: 0;}
  .yizhan{ text-align: left !important;}
  .difuwu span {
      padding: 0 .5em;
  }
  .banquan{ font-size: .8em; padding-bottom: 3em;}
  .indexmessage1 dd input{ height: 38px !important;}
  .indexmessage dd{padding: 5px 5px 0;}
  .nav-tabs1 li{ width: 150px;}
  .button.radius-none{ right: 1em !important;}
  .ab1{ padding: 0;}
  .ab2 .border-top{ border-top: none !important;}
  .abindex {
      background: url(../images/abbg.jpg) no-repeat center top;
      padding: 1.5em 0 2em 0;
  }
  .effect-hover > .effect-content > strong{ font-size: .8rem;}
  .h6{ font-size: .8rem !important;}
  .effect-hover:hover > .effect-content > strong {
      transform: translateY(0);
  }
  .yewu{ margin-top: 0 !important;}
  .biaogan{font-size: 1.4rem !important;}
  .h3{ font-size: 1rem !important;}
  .biaoyu . align-right{ text-align: center !important;}
  .bannerline{ padding-bottom: 1rem;}
  .proindex>div{ width: 50% !important; border-bottom:solid 1px #ddd;}
  .caseimg>div{ width: 50% !important;}
  .bottom {
      padding-bottom: 4rem;
  }
  .topnews{ margin-bottom: 1rem;}
  .caseli{display: contents;}
  .caseli > li > a{ display: inline-block; margin-bottom: .2rem;}
  .caseli > li:first-child{ margin-left: -.2rem;}
  #gongsijianjie{ padding-top: 2em;}
  .newsindex a{ padding: 0 !important;}
  .newsindex {
      padding: 20px 0 10px 0;
  }
  .w10{ width: 100%;}
  .guige{ padding: 0 !important;}
  .effect-hover>.effect-content>p{ display: none;}
  .effect-hover>.effect-content>strong{ margin-top: 20%;}
}